<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link type="text/css" rel="stylesheet" href="/css/bootstrap.css">

    <script  src="/js/jquery.js"></script>

    <script type="javascript" src="/js/bootstrap.js"></script>
    <script  src="/js/adapter.js"></script>
    <script  src="/js/kurento-utils.js"></script>
    <script  src="/js/index.js"></script>

    <title>Kurento Hello World</title>
</head>
<body>

<div class="container">

    <div class="row">
        <div class="col-md-5">
            <h3>Local stream</h3>
            <video id="uiLocalVideo" playsinline muted
                   width="480px" height="360px" poster="/img/webrtc.png"></video>
        </div>
        <div class="col-md-2">
            <a id="uiStartBtn" href="#" class="btn btn-success">
                <span class="glyphicon glyphicon-play"></span>Start</a>
            <br>
            <br>
            <a id="uiStopBtn" href="#" class="btn btn-danger">
                <span class="glyphicon glyphicon-stop"></span>Stop</a>
        </div>
        <div class="col-md-5">
            <h3>Remote stream</h3>
            <video id="uiRemoteVideo" playsinline
                   width="480px" height="360px" poster="/img/webrtc.png"></video>
        </div>
    </div>


</div>

<input id="username" type="text" >
<button type="button" class="btn btn-primary" onclick="connectWs()">连接</button>
</body>
</html>